html,body{
    background-color: #f2f2f2;
    overflow-y: hidden;
}

/*点击搜索出现侧边栏*/
/*这是左侧的透明区域*/

#side_delivery_nav{width: 100%;height: 50px;background-color:#31A2FF;}
#side_delivery_nav ul{height: 100%;width: 100%;}
#side_delivery_nav ul li{float: left;width: 33%;height: 100%;box-sizing: border-box;position: relative;}
#side_delivery_nav ul li img{height: 50%;position: absolute;}
#side_delivery_nav ul li:nth-of-type(1) img{left: 10%;top: 44%;}
#side_delivery_nav ul li:nth-of-type(3) img{top: 44%;right: 6%;}
#side_delivery_nav h3{color: #ffffff;margin-top: 16%;text-align: center;font-size: 20px;}


/*肉类信息*/
#middle{
    margin-bottom: 10px;
    background-color: #ffffff;
}
#meal-info em{
    font-style: normal;
}
#meal-infoLi{
    margin-top: 16px;
    padding-left: 6%;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    background-color: #CCCCCC;
    color: #FFFFFF;
}


/*=======================*/
#meal-info {
    /*margin-bottom: 60px;*/
    position: absolute;
    top: 50px;
    bottom: 0px;
    width: 100%;
    /*overflow: hidden;*/
}

#meal-info > .container {
    width: 100%;
    background-color: #F2F2F2;
    padding: 0;
    overflow-x: hidden;

}


#meal-info > .container > section > li {
    padding: 12px;
    background-color: #ffffff;
    height: 102px;
    margin-top: 12px;
}

#meal-info > .container > section > li > a {
    display: block;
    width: 100%;
    height: 100%;

}

#meal-info > .container > section > li > a > .row > .col-xs-3 {
    text-align: center;
    margin-top: -8px;
    padding: 10px;
    /*width: 24%;
    height: 96px;*/
    width: 85px;
    height: 70px;
}

#meal-info > .container > section > li > a > .row > .col-xs-9 {
    width: 76%;
    position: relative;
    top: -6px;
    left: 20px;
}

#meal-info > .container > section > li > a > .row > div > p {
    font-size: 17px;
    color: #333333;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#meal-info > .container > section > li > a > .row > div > p:nth-of-type(1) {
    margin-bottom: 2px;
    margin-top: 2px;
}

#meal-info > .container > section > li > a > .row > div > p > span {
    line-height: 20px;
    font-size: 12px;
    display: inline-block;
    height: 20px;
    color: #999999;
}

#meal-info > .container > section > li > a > .row > div > p:nth-of-type(1) span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#meal-info > .container > section > li > a > .row > div > p:nth-of-type(3) span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#meal-info > .container > section > li > a > .row > div > p:nth-of-type(4) span {

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#meal-info > .container > section > li > a > .row > div > p > span:nth-child(1) {
    width: 50%;
}

#meal-info > .container > section > li > a > .row > div > p > span:nth-child(2) {
    width: 50%;

}